<template>
  <div class="good-list" >
    <div v-for="goodsItem in goodlist" :key="goodsItem.id">
      <good-item :goodsItem="goodsItem"></good-item>
    </div>
    
  </div>
</template>

<script>
  import GoodItem from './GoodItem.vue'

  export default {
  name: "GoodList",
  props: ['goodlist'],
  components: {
    GoodItem
  }
}
</script>

<style scoped>
  .good-list {
    display: flex;
    flex-wrap: wrap;

    justify-content: space-around;
  }


</style>
